<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	
	<title>HTML5响应式第三方登录页面模板</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" /> 

	<link rel="stylesheet" type="text/css" th:href="@{/login/vendor/bootstrap/css/bootstrap.min.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/login/fonts/font-awesome-4.7.0/css/font-awesome.min.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/login/fonts/iconic/css/material-design-iconic-font.min.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/login/css/util.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/login/css/main.css}">
	<link rel="stylesheet" th:href="@{/layui/css/layui.css}">
	<!-- JS -->
	<script th:src="@{/login/vendor/jquery/jquery-3.2.1.min.js}"></script>
	<script th:src="@{/login/js/main.js}"></script>
	<script th:src="@{/js/login.js}"></script>
	<script th:src="@{/layui/layui.js}"></script>
</head>

<body onkeydown="keyLogin();">

	<div class="limiter">
		<div class="container-login100" style="background-image: url('/login/images/bg-01.jpg');">
			<div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
				<div class="login100-form validate-form">
					<span class="login100-form-title p-b-49">登录</span>

					<div class="wrap-input100 validate-input m-b-23" data-validate="请输入用户名">
						<span class="label-input100">用户名</span>
						<input class="input100" type="text" th:name="username" required="required" placeholder="请输入用户名" autocomplete="off">
						<span class="focus-input100" data-symbol="&#x261e;"></span>
					</div>

					<div class="wrap-input100 validate-input" data-validate="请输入密码">
						<span class="label-input100">密码</span>
						<input class="input100" type="password" th:name="password" required="required" placeholder="请输入密码">
						<span class="focus-input100" data-symbol="&#x261e;"></span>
					</div>

					<div style="margin-top: 30px" class="wrap-input100 validate-input" data-validate="请输入验证码">
						<span class="label-input100">验证码</span>
						<img class="pull-right" alt="验证码" onclick="this.src='/kaptcha/defaultKaptcha?d=' +new Date()*1" th:src="@{/kaptcha/defaultKaptcha}" />
						<input class="input100" type="text" th:name="code" required="required" placeholder="请输入验证码">
						<span class="focus-input100" data-symbol="&#x261e;"></span>
					</div>

					<div class="p-t-8 p-b-31" style="margin-top:20px;margin-bottom: 20px">
						<a class="pull-left">记住我
							<input type="checkbox" th:name="rememberMe" />
						</a>
						<a class="pull-right" href="javascript:">忘记密码？</a>
					</div>

					<div class="container-login100-form-btn">
						<div class="wrap-login100-form-btn">
							<div class="login100-form-bgbtn"></div>
							<button id="enterKeyBtn" onclick="login()" class="login100-form-btn">登 录</button>
						</div>
					</div>

					<div class="txt1 text-center p-t-54 p-b-20">
						<span>第三方登录</span>
					</div>

					<div class="flex-c-m">
						<a href="#" class="login100-social-item bg1">
							<i class="fa fa-wechat"></i>
						</a>

						<a href="#" class="login100-social-item bg2">
							<i class="fa fa-qq"></i>
						</a>

						<a href="#" class="login100-social-item bg3">
							<i class="fa fa-weibo"></i>
						</a>
					</div>

					<div class="flex-col-c p-t-25">
						<a href="javascript:" class="txt2">立即注册</a>
					</div>
				</div>
			</div>
		</div>
	</div>


</body>

</html>